@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'JJfont';src: url('/html/data/guxiangjs/template/cn/fonts/JJfont.woff') format('truetype');}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:微软雅黑;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
/*.nodispaly,.contact{ display:none;}*/

.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#666; text-decoration:none;}
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.img-responsive{max-width: 100%;}
.m_img,.m_nav{display: none;}

/*head_top*/
.header{height:90px; position:fixed; top:0px; z-index:99; width:100%; transition:all 0.3s;background: rgba(0,0,0,0.1);}
.header h1{width:auto; float:left; margin:0;}
.header h1 img{width:100%;}
.header span{display: table;float: left;margin: 18px 0;}
.header span h3{font-size: 25px; font-weight: bold; color: #fff; margin-top: 3px;}
.header span p{color: #fff; text-transform: uppercase; font-size: 12px; margin-top: 5px;}
.header .search_pc{float: right;width: 124px;height: 30px;background: #fff url(../images/search.png) left top no-repeat;margin: 31px 0 25px 20px;border-radius: 14px;}
.header .search_pc .search{float:left; padding:0 0 0 12px; width:88px; font-size:12px; line-height:30px; border:0; color:#666; background:none; outline:none;}
.header .search_pc .button{float:right; border:0; width:24px; height:30px; background:none; cursor:pointer; outline:none;}
.header .order{float:right; margin:25px 0 25px 8px;}
.header .order a{display:block; background:#ee1c23; font-size:14px; color:#fff; line-height:30px; padding:0 16px; border-radius:15px;}
.header .order a:hover{text-decoration:none; color:#fff;}
.header .nav{float:right;}
.header .nav ul{height:80px; font-size:0px;}
.header .nav li{display:inline-block; position:relative; z-index:98; font-size:16px; margin:0 16px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li:after{position:absolute; right:-16px; top:38px; width:1px; height:16px; background:#ccc; content:"";}
.header .nav li:last-child::after{display: none;}
.header .nav li p{line-height:90px;}
.header .nav li p a{display:block;transition:all 0.3s;color:#fff;font-size: 15px;}
.header .nav li:hover p a{text-decoration:none;}
.header .nav li a.current{color:#ffffff;}
.header .nav li dl{visibility:hidden; position:absolute; left:0%; top:80px; width:168px; background:#fff; box-shadow:0 2px 3px #ccc; transition:all 0.3s; opacity:0; z-index:100;}
.header .nav li:hover dl{visibility:visible; top:65px; opacity:1;}
.header .nav dd a{display:block; line-height:40px; font-size:14px; padding:0 0 0 16px; transition:all 0.3s;}
.header .nav dd:hover a{color:#fff; background:#217eca; text-decoration:none;}
.header .nav dd{position:relative; border-bottom:1px solid #ddd;}
.header .nav dd:last-child{border:0 none;}
.menu{display:none;}
.sub_menu{display:none;}
.top-style{background: rgba(34,126,203,0.8)!important;z-index: 99!important;}
.logo{width: 70px; float: left; margin-right: 8px;}
.logo-text{display: table;}

/*banner*/
.banner_sj{ display:none;}
.banner_pc{ margin:0px 0 0 0;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; height:14px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
.flex-control-paging li a:hover{ background:#00a2e9; }
.flex-control-paging li a.flex-active{ background:#00a2e9; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(/html/data/guxiangjs/template/cn/images/left.png) center center no-repeat; left:1%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(/html/data/guxiangjs/template/cn/images/right.png) center center no-repeat; right:1%;}
/*banner*/

/* product */
.index-product{display: table;width: 100%;background-color: #f5f5f5;padding:35px 0;}
.left-content{display: table;float: left;width: 245px;}
.index-product .title h1{color: #3278ff;font-weight: normal;text-transform: uppercase;text-align: center;font-size: 30px;}
.index-product .title h1{color: #3278ff;font-weight: normal;text-transform: uppercase;}
.index-product .title p{font-size: 30px;text-align: center;}
.index-product .title p span{display: inline-block;margin: 0 16px;font-family: JJfont;font-weight: bold;color: #000;font-size: 30px;}
.index-product .sort{display: flex;flex-flow: row nowrap;align-items: center;margin-top: 40px;}
.index-product .sort .series{width: 265px;height: 80px;margin-right: 60px;border-left: 10px solid #3278ff;}
.index-product .sort .series p:nth-child(1){font-size: 20px;text-transform: uppercase;margin-top: 8px;margin-left: 20px;color: #000;}
.index-product .sort .series p:nth-child(2){font-size: 32px;font-weight: bold;margin-left: 20px;color: #000;}
.index-product .sort .type{font-size: 14px;width: 896px;}
.index-product .sort .type a.more{position: relative;right: 20px;float: right;color: #fff;transition: .5s;cursor: pointer;top: 26px;background: #3278ff;padding: 5px 15px;border-radius: 5px;}
.index-product .content ul.list{display: inline-block;margin-top: 30px;margin-left: 0px;width: 100%;background-color: #fff;}
.index-product .content ul.list a{display: block;width: 90%;height: 50px;padding-left: 24px;text-align: left;line-height: 50px;color: #555;transition: .3s;cursor: pointer;border-bottom: 1px dashed #ddd;}
.index-product .content ul.list a:hover, .index-product .content ul.list a.active{color: #fff;background-color: #3278ff;}
.index-product .content ul.item{display: inline-block;vertical-align: top;width: 888px;margin-left: 60px;padding-top: 30px;}
.index-product .content ul.item li{display: inline-block;width: 278px;text-align: center;margin-right: 12px;margin-bottom: 20px;padding-bottom: 14px;background-color: #fff;overflow: hidden;transition: .5s;cursor: pointer;border: 1px solid #ddd;}
.index-product .content ul.item span{display: inline-block;width: inherit;margin-bottom: 12px;overflow: hidden;}
.index-product .content ul.item img{width: 100%;transition: .7s;}
.index-product .content ul.item li:hover{box-shadow: 0 16px 32px -4px rgba(0,0,0,.12);}
.contact{width: 250px;padding-bottom: 10px;background-color: #fff;line-height: 25px;}
.contact ul{width: 220px;margin-left: 16px;font-size: 14px;}
.contact div.tit{width: 230px;height: 70px;padding: 20px 0 0 20px;text-align: left;color: #fff;font-size: 16px;background-color: #2067ef;margin-bottom: 16px;}
.contact div.tit p:nth-child(2){color: #fce22a;font-size: 24px;font-weight: bold;}
/* product end */

/* adv */
.advantage{width:100%;margin-top:0px;padding-top:50px;padding-bottom:80px;color:#fff;background: #242C39 url(../images/ad-bg.png) no-repeat center;background-size: cover;}
.advantage .container{position:relative;}
.advantage span.prev, .advantage span.next{position:absolute;bottom:-52px;font-family:"宋体";font-size:20px;color:#f5f5f5;transition:.5s;cursor:pointer;}
.advantage span.prev:hover, .advantage span.next:hover{color:#fff;}
.advantage span.prev{right:520px;}
.advantage span.next{right:460px;}
.advantage p.slogan{font-size:16px;margin-top:14px;letter-spacing:4px;margin-bottom: 24px;}
.advantage ul.sort{display:flex;flex-flow:row nowrap;justify-content:space-between;margin-top:20px;}
.advantage ul.sort li{width:176px;height:38px;text-align:center;line-height:38px;border:2px solid #227ecb;transition:.5s;cursor: pointer;}
.advantage ul.sort li:hover, .advantage ul.sort li.active{background-color:#227ecb;}
.advantage ul.item{display:flex;flex-flow:row nowrap;justify-content:space-between;width:1200px;margin-top:40px;overflow:hidden;}
.advantage ul.item li{position:relative;left:0;display:flex;flex-flow:row nowrap;justify-content:space-between;flex-shrink:0;width:1200px;transition:.7s;}
.advantage ul.item li h1 {
    font-family: "impact";
    font-size: 80px;
    font-weight: normal;
    color: #227ecb;
    margin-left: 24px;
    padding-top: 50px;
    display: table;
    float: left;
}
.advantage ul.item li .item-div {
    width: 445px;
    padding-top: 30px;
    float: left;
    margin-left: 30px;
}

.advantage ul.item li .item-div p.tit{font-size:24px;font-weight:bold;margin-bottom:20px;}
.advantage ul.item li div p:nth-child(2){color:#f5f5f5;line-height:35px;font-size: 14px;}
.advantage ul.item li img{width:542px;height:340px;}
.title{text-align: center;}
.title h1{color: #ff7a0e;font-weight: normal;text-transform: uppercase;font-size: 30px;margin-bottom: 10px;}
.title p{font-size: 24px;}
.title p span{display: inline-block;font-family: "JJfont";margin: 0 16px;}
/* adv E */


.company{padding: 120px 0 80px;}
.company > .page{position: relative}
.company .fl{background: url(/html/data/guxiangjs/template/cn/images/company_l.jpg) no-repeat center;width: 648px;height: 385px;padding: 45px 40px;position: relative;margin-left: -55px;}
.company .fl:after{content: '';display: block;width: 1px;background: #f2f2f2;height: 120px;left: 363px;position: absolute;top:-120px;}
.company .fl .company_tit{display: block;padding-left: 85px;margin:0 auto;font-size: 28px;color: #ff7a0e;font-weight: 100;line-height: 85px;width: 210px;background: url(/html/data/guxiangjs/template/cn/images/company_tit.png) no-repeat left center;height: 80px;}
.company .fl .company_tit .big{font-weight: bold;font-size: inherit;;color: #ff7a0e;}
.company .fl .company_cont strong{font-size: 23px;color: #343434;line-height: 50px;font-weight: 100;text-align: center;display: block;padding: 10px 0 5px;}
.company .fl .company_cont p{font-size: 14px;color: #666;line-height: 26px;font-weight: 100;text-align: center;display: block;}
.company .fl .company_ico{padding: 30px 0 0;}
.company .fl .company_ico ul li{background-color: #ddd;margin-right: 20px;text-align: center;}
.company .fr{width: 546px;position: absolute;right: 0;top: -25px;}
.company-box, .company-box .bd ,.company-box .bd ul{width: 100%;height: 467px;position: relative;overflow: hidden;}
.company-box .bd ul li{width: 100%;height: 100%;}
.company-box .bd ul li img{display: block;width: 100%;height: 100%;}
.company-box .company-btn .next,.company-box .company-btn .prev{display: none;}
.company-box .company-btn{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px}
.company-box .company-btn .hd{text-align: center}
.company-box .company-btn .hd ul li{display: inline-block;background: #fff;width: 14px;height:14px;margin:5px;color: #fff;border-radius: 50px;font-size: 0;text-indent: -99999em;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;cursor: pointer}
.company-box .company-btn .hd ul li.on{background: #ff7a0e;color: #ff7a0e;width: 32px}
.company .fr .video{position: absolute;right: -85px;bottom: -85px;width: 215px;height: 210px;display: none;}
.company .fr .video:before{content: '';display: block;background: url(/html/data/guxiangjs/template/cn/images/company_r_tit.png) no-repeat center;right:-5px;width: 52px;height: 276px;top: -276px;position: absolute;}
.company .fr .video a{display: block;position: relative;width: 215px;height: 210px;}
.company .fr .video a img{display: block;width: 100%;height: 100%;}
.company .fr .video a:after{content: '';display: block;width: 40px;height: 40px;background: url(/html/data/guxiangjs/template/cn/images/video_btn.png) no-repeat center;position: absolute;left:74px;top:72px;padding: 12px;border-radius: 50%;border: 1px solid #fff;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.company .fr .video a:hover:after{border: 1px solid rgba(255,255,255,0.3);-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.3);box-shadow: 0 0 0 10px rgba(255,255,255,0.3)}
.company .fr .video p{display: block;line-height:40px;position: absolute;left: -330px;bottom: 20px;width: 250px;padding: 0 40px;font-size: 15px;background: url(/html/data/guxiangjs/template/cn/images/video_l_btn.png) no-repeat center 1px;text-align: center;color: #343434;}
.company .fr .video p:after{content: '';display: block;width: 100%;height: 1px;background: #eee;bottom: -20px;position: absolute;left: 0;}
.company_more{background: url(/html/data/guxiangjs/template/cn/images/company_more.png) no-repeat center;width: 42px;height: 42px;position: absolute;display: block;bottom: -21px;left:343px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;border-radius: 50%;}
.company_more:after{content: '';display: block;width: 1px;height: 120px;background: #ff7a0e;top: 42px;position: absolute;left: 21px;}
.company_more:hover{-webkit-box-shadow: 0 0 0 30px rgba(255,14,14,0.2) inset;box-shadow: 0 0 0 30px rgba(255,14,14,0.2) inset;}
.company .fl .company_ico ul li{background-color: #2067ef;margin-right: 20px;text-align: center;padding: 15px 0;color: #fff;border-radius: 10px;font-size: 16px;cursor: pointer;}

/* 新闻中心 */
.default-padding.bottom-less{padding-top: 50px;padding-bottom: 35px;background: #f5f5f5;display: table;width: 100%;}
.row{margin-right: -15px;margin-left: -15px;}
.site-heading{margin-bottom: 60px;overflow: hidden;margin-top: -5px;}
.site-heading h2{display: table;font-weight: 600;padding-bottom: 20px;position: relative;text-transform: capitalize;font-size: 30px;text-align: center;margin: 0 auto;color: #000;}
.site-heading p{margin: 0;text-align: center;margin-top: 10px;}
.site-heading h2::before{background: #00cdcd none repeat scroll 0 0;bottom: 0;content: "";height: 2px;left: 50%;margin-left: -20px;position: absolute;width: 40px;}
.blog-area .blog-items .single-item{margin-bottom: 30px;padding: 0 15px;}
.blog-area .blog-items .item{-moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);-webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);-o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);}
.blog-area .blog-items .info{padding: 30px;padding-top: 30px;}
.blog-area .blog-items .info h2, .blog-area .blog-items .info h3, .blog-area .blog-items .info h4{font-weight: 600;line-height: 1.5;}
.blog-area .blog-items .bottom{border-top: 1px solid #e7e7e7;margin-top: 20px;padding-top: 20px;display: flex;align-items: center;justify-content: space-between;font-weight: 500;color: #666666;}
.blog-area .blog-items .thumb .date{position: absolute;left: 30px;bottom: 5px;-moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);-webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);-o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);background: #007ec4;padding: 0px 35px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;height: 35px;line-height: 38px;color:#fff}
.blog-items .thumb{position: relative;z-index: 1;}
.blog-items .info h4{font-weight: 600;line-height: 1.5;font-size: 18px;color: #fff;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.blog-items .info h4 a{color: #484848}
.blog-items .bottom{border-top: 1px solid #e7e7e7;margin-top: 20px;padding-top: 20px;display: flex;align-items: center;justify-content: space-between;font-weight: 500;color: #666666;}
.blog-area .blog-items .bottom a.more-btn{text-transform: uppercase;font-weight: 600;color: #227ecb;position: relative;z-index: 1;}
/* 新闻中心 */

/*底部*/
.db_bj{width:100%; padding-top:50px; border-top:1px #eaeaea solid; background:#227ecb;}
.db .db_bt {color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 16px;display: table;}
.db .db_dh{float:left; margin-right:50px;}
.db .db_dh a{display:block; color:#fff; font-size:14px; margin-top:10px;}
.db .db_m{width:410px; float:left; margin-left:20px;}
.db .db_m .db_m_t{overflow:hidden;}
.db .db_m .db_m_t .db_m_l{width:calc(100% - 75px); height:36px; font-size:12px; line-height:36px; padding-left:10px; border:none;}
.db .db_m .db_m_t .db_m_r{width:60px; height:36px; color:#fff; font-size:13px; border:1px #fff solid; background:none; cursor:pointer;}
.db .db_m .db_m_b{color:#fff; margin-top:20px; font-size:13px;}
.db .db_m .db_m_b p{margin-bottom:14px;padding-left:0px;}
.db .db_erweima{width:130px; float:right;}
.db .db_erweima .db_erweima_logo{font-size: 18px;color:#fff}
.db .db_erweima .db_erweima_img{border:1px #eaeaea solid; margin-top:10px;}
.db .db_erweima .db_erweima_img img{width: 100%;}
.db .db_erweima .db_erweima_wz{color:#fff; font-size:13px; text-align:center; margin-top:6px;}
.bah_bj {width: 100%;margin-top: 40px;padding: 20px 0;border-top: 1px #1c64a0 solid;background: #1c64a0;}
.bah{color:#fff; font-size:14px; line-height:20px; text-align:center;}
.bah a{color:#fff;}
/*底部*/


/* 内页幻灯片 */
.ny_banner{width: 100%; overflow: hidden;}
.ny_banner img{width: 1920px;position: relative;left:50%;margin-left: -960px;}
/* 内页幻灯片 */
.ny_nav{margin-bottom: 30px;}
/*lujing*/
.lujing{padding: 10px 0 28px 0; font-size: 14px; color: #888; line-height: 40px; border-bottom: 1px solid #ddd; padding-bottom: 12px; background: #ececec; margin-bottom: 40px;}
.lujing span{color:#00a2e9;font-size: 14px;}
.lujing a{font-size: 14px;}
/*lujing*/

.main-left{width: 20%; float: left;}
.main-right{width: 76%;float: right;}
.main-left h3{font-size: 22px; text-align: center; height: 65px; line-height: 65px; background: #227ecb; color: #fff;}

/*ny_nav*/
.main-left li {
    float: left;
    margin: 0;
    width: 100%;
	position: relative;
}
.main-left li a {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 15px;
    line-height: 45px;
    padding: 0;
    background: #eee;
    color: #333;
    width: 100%;
    text-indent: 25px;
    border-bottom: 1px dashed #ddd;
}
.main-left li a:hover{ text-decoration:none;}
.main-left li.on a{ color:#00a2e9;}
.main-left li a:after{ content:""; position:absolute; z-index:2; width:0%; height:2px; top:0px; left:0%; background:#00a2e9; transition-duration:.3s;}
.main-left li.on a:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    top: 18px;
    left: 8px;
}

.main-con {
    display: table;
    width: 100%;
}

.main-con h4 {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    background-color: #227ecb;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.main-con div {
    font-size: 13px;
    padding: 10px;
    line-height: 27px;
    border: 1px solid #e6e6e6;
}




/*ny_nav*/


/* 关于我们 */
.content {
    padding-bottom: 30px;
}

.profiles {
    font-size: 14px;
    color: #000;
    line-height: 30px;
}

/* 关于我们 */

/* 内页产品 */
.main-body{margin-bottom: 35px;display: table;width: 100%;}
.product-bottom{display: block;width: 100%;}
.product-bottom ul li .pro-img{overflow: hidden;border: 1px solid #e8e8e8;}
.product-bottom ul li .pro-img img{transition: all 0.5s;}
.product-bottom ul li:hover .pro-img{}
.product-bottom ul li:hover .pro-text::after{content: ;width: 100%;}
.product-bottom ul li:hover .pro-img img{transform:scale(1.1);}
.product-bottom ul li{padding:0 10px}
.pro-img img{max-width: 100%;}
.product{padding-top: 40px;padding-bottom: 0;background: #f2f2f2;margin: 50px 0;margin-bottom: 0;padding-bottom: 25px;}
.product .product_top{text-align: center;font-size: 30px;padding-bottom: 20px;}
.product_top font{color: #007fff;}
.product .product_top h3{font-size: 30px;line-height: 55px;height: 55px;margin-bottom: 5px;}
.product .product_top p{font-size: 15px;text-align: center;display: table;text-transform: uppercase;color: #b3b3b3;margin: 0 auto;}
.pro{display: block;margin-bottom: 20px;padding: 10px;}
.pro-text {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0;
    padding: 0;
    color: #4e4e4e;
}
.product-bottom ul li:hover:after{width: 100%;background-color: #b7db7b!important;}
.pro-text span{width: 100%;display: block;float: left;text-align: center;}
.pro-text div{display: table;}
.pro{display: block;margin-bottom: 10px;padding: 10px;}
.pro-text i {
    font-style: normal;
    font-size: 12px;
    width: 70px;
    text-align: center;
    float: right;
    letter-spacing: 3px;
    border-left: 1px solid #ffffff;
    height: 17px;
    line-height: 17px;
    margin-top: 16px;
}
.sp-zoom{display: none!important;}
.ny-main{margin-top: 12px;}
.main_y_b {
    display: table;
    float: left;
    width: 43%;
}
.main_y_b h3{font-size: 22px;line-height: 60px;font-weight: 400;border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.main_y_b span {
    width: 98%;
    display: table;
    margin: 0 auto;
    min-height: 150px;
    font-size: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 28px;
}
.main_y_b i{display: table;width: 120px;line-height: 36px;text-align: center;font-size: 14px;font-style: normal;background: #007fff;border-radius: 1px;border-radius: 5px;}
.main_y_b i a{color:#fff;}
.description{display: table;width: 100%;margin-top: 20px;}
.description span{display: table;width: 100%;line-height: 30px;font-size: 22px;background: #227ecb;color: #fff;}
.description span i{display: table;height: 100%;font-style: normal;margin: 0;margin-left: 0;font-size: 18px;padding: 0;border-radius: 0;text-indent: 10px;line-height: 50px;}
.description_bg{display: table;width: 100%;margin-top: 20px;height: 100%;padding: 0 10px;font-size: 14px;line-height: 30px;}
.description_bg img{max-width: 100%;}
.rec{display: table;margin-top: 40px;font-size: 16px;width:100%;}
.rec h4{display: table;border-bottom: 1px solid #ddd;width: 100%;background: #227ecb;color: #fff;line-height: 45px;text-indent: 20px;font-size: 20px;}
.rec .rec_bg{margin-top: 15px;display: table;width: 100%;}
.rec .rec_bg li{width: 23.1%;display: table;float: left;margin: 1%;border: 1px solid #ddd;}
.rec .rec_bg li:nth-child(1){margin-left: 0;}
.rec .rec_bg li:last-child{margin-right: 0;}
.rec .rec_bg li img{width: 100%;}
.rec .rec_bg li span {
    display: table;
    width: 100%;
    line-height: 35px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.ser h4{width: 180px;line-height: 50px;text-align: center;font-size: 18px;}
.case-bg li{position: relative;}
.case-bg li span{position: absolute;bottom: 20px;text-align: left;background: rgba(0,0,0,0.5);color: #fff;}
.fw-bg h3{font-size: 20px;font-weight: bold;color: #017cc2;}
.fw-bg ul li .case-img img{width: 20%;float: left;border: 1px solid #ddd;}
.new-text h5{font-size: 18px;font-weight: bold;color: #017ebf;margin-top: 5px;}
.new-text{display: block;float: left;width: 76%;margin-left: 20px;}
.fw-bg ul{margin-top: 25px;}
.fw-bg ul li{margin-bottom: 20px;}
.cotact_z h4{margin-bottom: 10px;}
/* 内页产品 */

/* 应用案例 */
.case{display: table;width: 100%;}
.case li{width: 31%;display: inline-block;margin: 1.1%;}
.case li img{transition: all 0.5s;}
.case li:hover img{transform: scale(1.1);}
.case li:nth-child(3n+1){margin-left: 0;}
.case li:nth-child(3n){margin-right: 0;}
.case li img{width: 100%;}
.case li span{display: table;width: 100%;line-height: 45px;text-align: center;font-size: 16px;}
.image-list .pro-img img {
    overflow: hidden;
    border: 1px solid #ddd;
    width: 99%;
}

.main-body .title{text-align: left;font-size: 24px;letter-spacing: 1px;color: #434343;margin-bottom: 15px;margin-top: 15px;}
.main-body .news_info{font-size: 14px;letter-spacing: 0px;color: #434343;opacity: 0.4;text-align: left;border-bottom: 1px solid #aea375;padding-bottom: 10px;}
.main-body .details-txt{font-size: 14px;line-height: 250%;width: 100%;table-layout: fixed;border-bottom: 1px dashed #e0e1dc;padding: 20px 0;}
.page_bg{line-height: 26px; margin-top: 6px; padding-top: 5px; font-size: 14px;}
.page_bg span{display: block;}
/* 应用案例 */

/* 新闻中心 */
.main_new_bg ol {float: left;padding-bottom: 35px;_display: inline;border-bottom: 1px dashed #dcdcdc;margin-bottom: 35px;}
.main_new_bg ol a.img {display: block;float: left;width: 25%;border: 1px solid #ddd;margin-right: 20px;}
.main_new_bg a.img img{width: 100%; height: 100%;}
.new_text{display: table;width: 72%;float: left;}
.new_text h3{text-align: left; padding-top: 5px;}
.new_text h3 a{font-weight: normal; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 30px; line-height: 30px;}
.new_text span{font-size: 16px; display: table; width: 100%; color: #c5c5c5; margin: 10px 0;}
.new_text div{font-size: 14px; line-height: 25px; color: #9d9d9d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.main_new_bg h2{display: table; width: 100%; text-align: center; font-size: 22px; font-weight: normal;}
.main_new_bg i{font-size: 15px; font-style: normal; text-align: center; display: table; width: 100%; padding: 14px 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px;}
.main_new_bg{display: table; width: 100%; padding-top: 18px;}
.new_bg_bottom{display: table;width: 100%;font-size: 14px;line-height: 30px;}
.new_bg_bottom img{max-width: 100%;}
/* 新闻中心 */

/* 在线留言 */
.hza{background: #fff;width: 100%;}
.hza:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;line-height: 0;}
.soka {
    width: 44%;
    border: 1px solid #D8D8D8;
    line-height: 50px;
    margin-bottom: 12px;
    padding-left: 10px;
    font-size: 12px;
    font-family: "Microsoft YaHei", verdant, tahoma;
    height: 50px;
    margin-right: 5px;
}
.sokb{border: 1px solid #D8D8D8;line-height: 50px;margin-bottom: 15px;padding-left: 10px;font-size: 14px;font-family: "Microsoft YaHei", verdant, tahoma;width: 90%;color: #757575;margin-left: 0px;margin-top: 10px;margin-right: 10px;}
.tj{display: inline-block;width: 120px;line-height: 40px;height: 40px;background: #007fff;margin-right: 10px;margin-top: 14px;border: 0;font-size: 14px;color: #fff;}

/* 图片膨胀 */
.pic{display: table;width: 100%;}
.pic li {
    width: 30%;
    display: inline-block;
    margin: 2.1%;
    margin-bottom: 0.5%;
    margin-top: 0.5%;
}
.pic li img{transition: all 0.5s;float: left;}
.pic li:hover img{}
.pic li:nth-child(3n+1){margin-left: 0;}
.pic li:nth-child(3n){margin-right: 0;}
.pic li img{width: 100%;}
.pic li span {
    display: table;
    width: 100%;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.pro-img{overflow: hidden;}
.attr-nav {
    margin-left: 30px;
    padding-left: 15px;
    min-height: 90px;
    position: relative;
    margin-top: 10px;
}


/*关于我们的排版*/
.about-tupian li {
    width: 31%;
    float: left;
}
.about-tupian li img{
    max-width: 100%
}
.about-tupian li span{
    width: 100%;
    line-height: 40px;
    height: 40px
}
/*关于我们的排版*/




@media screen and (min-width:1200px){
	.layui-container {
		width: 1200px;
		padding: 0;
	}
｝